import React from 'react';
import { Row, Col } from 'antd';
import styles from './IndexStrategy.less';

const IndexStrategy: React.FC = () => {
  return (
    <div className={styles.container}>
      <img className={styles.strategy} src="/images/index/strategy.jpg" alt="" />
      <Row align="stretch" justify="center">
        <Col className={styles.introItemWrap}>
          <div className={styles.introItem}>
            <div className={styles.title}>
              <img src="/images/index/strategy_icon_1.png" alt="" />
              业务
            </div>
            <div className={styles.description}>
              从业务流程管控出发，连接财务核算、支付、披露
              <br />
              从业务计划出发，连接预算、预测、分析
            </div>
          </div>
        </Col>
        <Col className={styles.introItemWrap}>
          <div className={styles.introItem}>
            <div className={styles.title}>
              <img src="/images/index/strategy_icon_1.png" alt="" />
              运营
            </div>
            <div className={styles.description}>
              连接销售、供应链、人力、资产、租赁等各业务模块
              <br />
              连接基层单位、管理分部与集团，实现集团运营目标落
            </div>
          </div>
        </Col>
        <Col className={styles.introItemWrap}>
          <div className={styles.introItem}>
            <div className={styles.title}>
              <img src="/images/index/strategy_icon_1.png" alt="" />
              战略
            </div>
            <div className={styles.description}>
              连接长期战略与年度运营目标
              <br />
              连接未来，面向决策
            </div>
          </div>
        </Col>
      </Row>
    </div>
  );
};

export default IndexStrategy;
